<template>
<div>
    标题：{{title}}<br>
    姓名：{{name}} <br>
    <button @click="handleTitle">修改标题</button>
    <button @click="handleName">修改姓名</button>
</div>
</template>
<script>
export default{
    props:{
        title:{
            type:String,
            default:''
        },
        name:{
            type:String,
            default:''
        }
    },
    data(){
        return {
        }
    },
    methods:{
        handleTitle(){
            this.$emit('changeTitle','标题修改成功')
        },
        handleName(){
            this.$emit('update:name','张三')
        },  
    }
}
</script>